<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>锤子商城 - 坚果手机、坚果 R2 手机、Smartisan TNT go 扩展本</title>
    <link rel="stylesheet" href="../css/xiangqing.css">
    <link rel="stylesheet" href="../iconfont/iconfont.css">
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
    <script src="../libs/jquery.js"></script>
</head>
<body>
    <div id="nav">


        <div class="iconfont" id="nav-icon1">&#xe82e;</div>
        <div class="center">
            <ul>
                <li><a href="../html/index.html"><b>在线商城</b></a></li>
                <li><a href="#">坚果R2</a></li>
                <li><a href="#">Smartisan TNT go</a></li>
                <li><a href="#">坚果 TNT 工作站</a></li>
                <li><a href="#">Smartisan OS</a></li>
                <li><a href="#">欢喜云</a></li>
                <li><a href="#">应用</a></li>
                <li><a href="#">论坛</a></li>
                <li><a href="#">开发者支持</a></li>
                <li><a href="#">荣誉与奖项</a></li>
                <li><a href="#">加入我们</a></li>
                <li><a href="#">下载APP</a></li>
            </ul>
        </div>
        <div class="nav-icon2">
            <<a href="../html/denglu.html"><span class="iconfont">&#xe607;</span></a> 
            <span class="iconfont" id="gouwu">&#xe652;</span>
          
        </div>
        <!-- <div id="shop">
            <img src="../images/gouwu.png" alt="">
            <p>购物车为空</p>
            <p>您还没有选购任何商品，现在前往商城选购吧</p>
        </div> -->
</div>
    <!-- 导航二 -->
    <div id="nav2">
        <div class="nav2">
            <ul>
                <li><a href="#">概览</a></li>
                <li><a href="#">设计</a></li>
                <li><a href="#">功能</a></li>
                <li><a href="#">设计</a></li>
                <li><a href="#">操作系统</a></li>
                <li><a href="#">技术规格</a></li>
                <li><a href="#">优先购买码</a></li>
            </ul>
        </div>

    </div>

    <!-- 购物车 -->

    <div id="shop">
        <div class="shop">
            <div class="shop-top">
                <div class="shop-top-l" id="shop-top-l">
                    <!-- <img src="../xiang-img/gouwu-min.webp" alt=""> -->
                    
                    <!-- <img src="../xiang-img/gouwu-max.webp" alt="">
                    <img src="../xiang-img/tab2.webp" alt="">
                    <img src="../xiang-img/tab1.webp" alt=""> -->
                    

                </div>
                <div class="shop-top-r" id="shop-top-r">

                    <!-- <img src="../xiang-img/tab2.webp" alt="" > -->
                    
                    <!-- <img src="../xiang-img/gouwu-max.webp" alt="" >
                    <img src="../xiang-img/tab2.webp" alt=""> -->
                </div>
            </div>
            <div class="shop-bottom">
                <div class="shop-bottom-l">
                    <div class="product-name">
                        <h1> 坚果R2 </h1>
                        <h2>是下一代手机，更是下一代电脑</h2>
                    </div>
                    <div class="product-color">
                        <div>颜色选择</div>
                        <div class="cont">

                            <ul id="pcolor">
                                <!-- <li class="active">
                                         <h2>浅黑色</h1>
                                </li>
                                <li >
                                        <h2>松绿色</h1>
                                </li>
                                <li>
                                        <h2>纯白色光阴特别版</h2>
                                </li> -->
                            </ul>
                        </div>
                      
                    </div>
                    <div class="product-ml">
                        <div>容量选择</div>
                        <div>

                            <ul id="pstyle">
                                <li> <h2>8G+128G</h1> </li>
                                <li class="active1">  <h2>8G+256G</h1> </li>
                                <li> <h2>12G+256G</h2> </li>
                                <li> <h2>16G+512G</h2> </li>
                            </ul>
                        </div>
                      
                    </div>
                    
                    <div class="product-server">
                        <span>服务说明</span>
                        <span>*满88元包邮</span>
                    </div>
                    <div class="product-after">
                        <div class="product-after-top">
                            <div class="product-after-zi">保修服务</div>
                            <div class="product-after-top-1">
                                <div class="product-after-top-l" id="product-after-top-l">
                                    <h1>坚果 R2 意外碎屏保修服务</h1>
                                    <p>“屏幕意外摔碎，可以免费更换 ? ”</p>
                                </div>
                                <div class="product-after-top-r">
                                    <h2><span>249</span>元/1年</h2>
                                    <p> 折算后仅需 0.69元/天</p>
                                </div>
                            </div>
                            <div class="product-after-top-2">
                                <div class="product-after-top-l">
                                    <h1>坚果 R2 延长保修服务</h1>
                                    <p>将额外多获得 1 年 保修服务</p>
                                </div>
                                <div class="product-after-top-r">
                                    <h2><span>149</span>元/1年</h2>
                                    <p> 折算后仅需 0.41元/天</p>
                                </div>
                            </div>
                            <div class="product-after-top-3">
                                <div class="product-after-top-l3">
                                    <p>* 保修服务</p>
                                </div>
                                <div class="product-after-top-r3">
                                    <p><span>在您购买“坚果手机意外碎屏保修服务”后的有效期内，在非蓄意破坏的前提下，由于意外坠落、意外挤压或意外碰撞导致手机屏幕碎裂的，可以免费更换一次原装屏幕组件。您可在手机初次联网激活时或收货起 （以在先时间为准）3 日内访问</span><a href="#">bx.smartisan.com</a><span>网站购买，或在本机 设置 > 关于本机 > 保修服务 中购买服务。服务细则参见</span><a href="#">《坚果手机意外碎屏保修服务条款》</a></p>
                                    <p>如您购买延长保修服务，在产品正常“三包”期结束后，将额外获得 1 年保修服务。服务细则参见<a href="#">《坚果手机延长保修服务条款》</a></p>
                                </div>
                            </div>
                                <div class="gouwu" >
                                    <a href="../html/list.html"><h1>现在开始选购</h1></a>
                                </div>
                            
                            

                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>

<!-- 图片介绍 -->
<div class="picture">
    <img src="../xiang-img/xiang9.webp" alt="">
    <img src="../xiang-img/xiang10.webp" alt="">
    <img src="../xiang-img/xiang11.webp" alt="">
    <img src="../xiang-img/xiang12.webp" alt="">
    <img src="../xiang-img/xiang13.webp" alt="">
    <img src="../xiang-img/xiang14.webp" alt="">
    <img src="../xiang-img/xiang15.webp" alt="">
    <img src="../xiang-img/xiang16.webp" alt="">
    <img src="../xiang-img/xiang17.webp" alt="">
    <img src="../xiang-img/xiang18.webp" alt="">
    <img src="../xiang-img/xiang19.webp" alt="">
    <img src="../xiang-img/xiang20.webp" alt="">
    <img src="../xiang-img/xiang21.webp" alt="">
    <img src="../xiang-img/xiang22.webp" alt="">
    <img src="../xiang-img/xiang23.webp" alt="">
    <img src="../xiang-img/xiang24.webp" alt="">
    <img src="../xiang-img/xiang25.webp" alt="">
    <img src="../xiang-img/xiang26.webp" alt="">
    <img src="../xiang-img/xiang27.webp" alt="">
    <img src="../xiang-img/xiang28.webp" alt="">
    <img src="../xiang-img/xiang29.webp" alt="">
    <img src="../xiang-img/xiang30.webp" alt="">
    <img src="../xiang-img/xiang31.webp" alt="">
    <img src="../xiang-img/xiang32.webp" alt="">
    <img src="../xiang-img/xiang33.webp" alt="">
    <img src="../xiang-img/xiang34.webp" alt="">
    <img src="../xiang-img/xiang35.webp" alt="">
    <img src="../xiang-img/xiang36.webp" alt="">
    <img src="../xiang-img/xiang37.webp" alt="">
    <img src="../xiang-img/xiang38.webp" alt="">
    <img src="../xiang-img/xiang39.webp" alt="">
    <img src="../xiang-img/xiang40.webp" alt="">
    <img src="../xiang-img/xiang41.webp" alt="">

</div>


<!-- 回到顶部 -->
<div id="aside">
   <div class="aside-1">
       <!-- <img src="../xiang-img/xiang5.png" alt=""> -->
       <p>联系客服</p>
   </div>
   <div class="aside-2">
       <!-- <img src="../xiang-img/xiang6.png" alt=""> -->
       <p>回到顶部</p>
   </div>
</div>
      <!-- 相关推荐 -->
      <div id="hot">
        <div class="hot">
            <div class="hot-top">
                <h5>相关推荐</h5>
            </div>
            <div class="hot-bottom">
                <a href="../html/xiangqing.html">
                <div class="hot-bottom-1" >
                    <img src="../images/hot-1.webp" alt="">
                    <span class="span1"></span>
                    <h3 style="color: black;">坚果R2</h3>
                    <h5>是下一代手机，更是下一代电脑</h5>
                    <span>￥2699.00</span>
                </div></a>
                <div class="hot-bottom-1">
                    <img src="../images/hot-2.webp" alt="">
                    <span class="span1"></span>
                    <h3>Smartisan TNT 大满足套装</h3>
                    <h5>下一代手机，更是下一代电脑</h5>
                    <span>￥4999.00</span>
                </div>
                <div class="hot-bottom-1">
                    <img src="../images/hot-3.webp" alt="">
                    <span class="span1"></span>
                    <h3>Smartisan 真无线蓝牙耳机（抖音文创限量款）</h3>
                    <h5>是抖音文字限量版</h5>
                    <span>￥299.00</span>
                </div>
                <div class="hot-bottom-1">
                    <img src="../images/hot-4.webp" alt="">
                    <span class="span1"></span>
                    <h3>Smartisan 真无线TWS蓝牙耳机</h3>
                    <h5>只能配对 开盖即连</h5>
                    <span>￥99.00</span>
                </div>

            </div>

        </div>
    </div>
























<!-- 底部 -->
<div id="foot">
    <div class="foot">
        <div class="foot-top">
            <div class="foot-top-l">
                <div class="foot-top-l-1">
                    <h3>订单服务</h3>
                    <a href="#">购买指南</a>
                    <a href="#">送货政策</a>
                </div>
                <div class="foot-top-l-1">
                    <h3>服务支持</h3>
                    <a href="#">自主服务</a>
                    <a href="#">维修门店</a>
                </div>
                <div class="foot-top-l-1">
                    <h3>媒体中心</h3>
                    <a href="#">新闻动态</a>
                    <a href="#">官方视频</a>
                    <a href="#">图片资源</a>
                </div>
                <div class="foot-top-l-1">
                    <h3>关注我们</h3>
                    <a href="#">新浪微博</a>
                    <a href="#">官方微信</a>
                    <a href="#">荣誉奖项</a>
                </div>
            </div>

  

        </div>
        <div class="foot-bottom">
            <ul><li>Copyright &copy; 2020 smartisan.com 版权所有</li>
                <li><a href="#">锤子商城隐私政策</a></li>
                <li><a href="#">锤子商城用户协议</a></li>
                <li><a href="#">资质证照</a></li>
            </ul><br>
            <ul>
                <li><a href="#">京 ICP 备 19048576 号 - 1</a></li>
                <li><a href="#" class="gongan">京公网安备 11010502039854号</a></li>
                <li><a href="#">京食药网食备 202010031</a></li>
            </li>
        </div>
    </div>

</div>
</body>
<script src="../js/xiangqing.js"></script>
</html>